<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/首页.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <header>
        <h3>管理系统</h3>
        <span class="iconfont icon-yonghu">&nbsp;&nbsp; <span class="yhname"></span>头像</span>
    </header>
    <section>
        <ul>
            <li><span class="iconfont icon-home"></span>&nbsp; 首页 </li>
            <li><span class="iconfont icon-shezhi"></span>&nbsp; 系统管理 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;√</li>
            <li class="uili"><span class="iconfont icon-yonhu"></span>&nbsp; 用户管理</li>
            <li class="uili"><span class="iconfont icon-shezhi"></span>&nbsp; 角色管理</li>
            <li class="uili"><span class="iconfont icon-xitongrizhi"></span>&nbsp; 菜单管理</li>
            <li class="uili"><span class="iconfont icon-xitongrizhi"></span>&nbsp; 部门管理</li>
            <li class="uili"><span class="iconfont icon-xitongrizhi"></span>&nbsp; 岗位管理</li>
            <li class="uili"><span class="iconfont icon-xitongrizhi"></span>&nbsp; 字典管理</li>
            <li class="uili"><span class="iconfont icon-xitongrizhi"></span>&nbsp; 参数设置</li>
            <li class="uili"><span class="iconfont icon-xitongrizhi"></span>&nbsp; 通知公告</li>
            <li class="uili"><span class="iconfont icon-xitongrizhi"></span>&nbsp; 日志管理</li>
        </ul>
        <div class="right">
            <div class="tanchuang">
                <header>
                    添加岗位 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x
                </header>
                <footer>
                    <div>
                        <span>岗位名称</span>
                        <input type="text" class="tcin" placeholder="请输入岗位名称">
                    </div>
                    <div>
                        <span>岗位编码</span>
                        <input type="text" class="tcin" placeholder="请输入岗位编码">
                    </div>
                    <button class="tcbt">确定</button>
                    <button>取消</button>
                </footer>
            </div>
            <main>
                <div class="rd1">首页</div>
                <div class="rd2">岗位管理 &nbsp; x</div>
            </main>
            <div class="sousuo">
                <span> &nbsp; 岗位名称</span>
                <input type="text" placeholder="搜索用户" class="sousuoin">
                <button class="sousuobt">搜索</button>
                <button>重置</button>
            </div>
            <button class="xinzeng"><span class="iconfont icon-yonhu"></span>&nbsp;新增</button>
            <button class="xiugai"><span class="iconfont icon-yonhu"></span>&nbsp;修改</button>
            <button class="shanchu"><span class="iconfont icon-shanchu"></span>&nbsp;删除</button>
            <button class="daochu"><span class="iconfont icon-shanchu"></span>&nbsp;导出</button>
            <table>
                <thead>
                    <tr>
                        <th class="first">岗位编号</th>
                        <th>岗位编码</th>
                        <th>岗位名称</th>
                        <th>岗位排序</th>
                        <th>状态</th>
                        <th>创建时间</th>
                        <th class="caozuo">操作</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
            <div class="updown">
                <span>共4条</span>
                <button class="up"><</button>
                <span class="djy"></span>
                <button class="down">></button>
            </div>
        </div>
    </section>
</body>

</html>
<script src="./js/axios.min.js"></script>
<script src="./js/promise封装ajax.js"></script>
<script src="./js/首页.js"></script>

